.suspension{width: 160px;height:220px;position: fixed;bottom: 100px; right:0;z-index: 10;transition: all 0.3s linear}
.suspension>a{width: 38px;height:38px;display: block;border-radius: 5px;margin:0 0 7px auto;transition: all 0.3s linear}
.suspension>a:nth-child(1){background: url("../images/xf_1.png") no-repeat center;background-size:cover;display: none}
.suspension>a:nth-child(1):hover{background: url("../images/xf_1-.png") no-repeat center;background-size:cover;}
.suspension>a:nth-child(2){background:#383635 url("../images/xf_1.png") no-repeat 0% 50%;background-size:38px;color:#383635;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.suspension>a:nth-child(2)>c{opacity:1;font-size: 14px;}
.suspension>a:nth-child(2):hover>c{opacity:1;}
.suspension>a:nth-child(2):hover{width: 223px;padding:0 0 0 38px;color:#fff;background:#57bbe6 url("../images/xf_1-.png") no-repeat 0% 50%;background-size:38px;}
.suspension>a:nth-child(3){background: url("../images/xf_2.png") no-repeat center;background-size:cover;position: relative}
.suspension>a:nth-child(3):hover{background: url("../images/xf_2-.png") no-repeat center;background-size:cover;position: relative}
.suspension>a:nth-child(4){background: url("../images/xf_3.png") no-repeat center;background-size:cover;position: relative}
.suspension>a:nth-child(4)>img{width:20px;height:20px;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0px;opacity:1;transition: all 0.3s linear}
.suspension>a:nth-child(4):hover{background:url("../images/xf_3.png") no-repeat center;background-size:cover;width: 100px;height: 100px;border-radius:13px;}
.suspension>a:nth-child(4):hover>img{width:80px;height:80px;margin:auto;border-radius:5px;opacity: 1;}
.suspension>a:nth-child(5){background: url("../images/xf_5.png") no-repeat center;background-size:cover;position: relative;}
.suspension>a:nth-child(5):hover{background: url("../images/xf_5-.png") no-repeat center;background-size:cover;position: relative;}
.suspension>a:nth-child(6){margin-bottom:0;background: url("../images/xf_4.png") no-repeat center;background-size:cover;position: relative}
.suspension>a:nth-child(6):hover{margin-bottom:0;background: url("../images/xf_4-.png") no-repeat center;background-size:cover;position: relative}